<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <title>jquery_hjb_tab插件demo</title>
    <link rel="stylesheet" href="h.css"/>
</head>
<body>

<div id="tab">
    <div class="tabs">
        <ul>
            <li><a href="#" class="current">tab1</a></li>
            <li><a href="#">tab2</a></li>
            <li><a href="#">tab3</a></li>
            <li><a href="#">tab4</a></li>
        </ul>
    </div>
    <div class="tabCons">
        <section>内容一</section>
        <section>内容二</section>
        <section>内容三</section>
        <section>内容四</section>
    </div>
</div>

<script src="../jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="h_tabs.js"></script>
<script>
    $('#tab').h_tab({
        curName:'current'
    });
</script>
</body>
</html>